<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use frontend\models\FenhuiForm;

$this->title = '申请分会';
$this->params['breadcrumbs'][] = $this->title;
?>             
 <style>
 .s_img{ position:absolute; display:block; right:0; bottom:0; width:150px; height:150px; z-index:9}
 .all_cva{ z-index:10;}
 </style>
<div class="Weizhi">
         <span>当前位置 : </span><a href="#">首页 > </a><a href="#">政策法规
</div>
<div id="Contet">
    <label style="color: red">
              <?php
              if(\Yii::$app->getSession()->getFlash("success")) {
                  echo \Yii::$app->getSession()->getFlash("success");
              }
              ?>
          </label>
    <?= $this->render('left.php'); ?>
    <form class="registerform" action="<?= yii\helpers\Url::to(['member/apply_association']);?>" enctype="multipart/form-data" id="subform" method='post'> 
    <input name="_csrf" type="hidden" id="_csrf" value="<?= Yii::$app->request->csrfToken ?>">
    <div id="Right">
              <div class="all_div">
                   <h3 class="All">公司及联系人信息</h3>
                   <p class="all_p"><label class="Labl">企业名称</label><input id="company" class="aa" placeholder="请输入企业名称" name="company" value="<?= $member['company'] ?>" type="text" /></p>
                   <p class="all_p"><label class="Labl">企业所在地</label>
                    <select id="province" name="loc_province" value="" style="width:135px;"></select>
                    <select id="city" name="loc_city" value="" style="width:135px; margin-left: 10px"></select>
                    <select id="area" name="loc_town" value="" style="width:135px;margin-left: 10px"></select>
                </p>
                   <p class="all_p"><label class="Labl">企业详细地址</label><input id="address" class="aa" value="<?= $member['address'] ?>" name="address" placeholder="请输入企业详细地址" type="text" /></p>
                   <p class="all_p"><label class="Labl">企业电话</label><input id="farentel" class="cc" placeholder="请输入企业电话" value="<?= $member['farentel'] ?>" name="farentel" type="text" /></p>
                   <p class="all_p"><label class="Labl">员工总数</label><input id="grnum" class="cc" placeholder="员工总数" value="<?= $member['grnum'] ?>" name="grnum" type="text" /><label class="Rabl">人</label></p>
                   <p class="all_p"><label class="Labl">注册资金</label><input id="zhucezj" class="cc" placeholder="注册资金" value="<?= $member['zhucezj'] ?>" name="zhucezj" type="text" /><label class="Rabl">万元</label></p>
                   <p class="all_p"><label class="Labl">联系人姓名</label><input id="faren" class="bb" value="<?= $member['faren'] ?>" name="faren" placeholder="请输入联系人姓名" type="text" /></p>
                   <p class="all_p"><label class="Labl">联系人电话</label><input id="farenphone" class="bb" value="<?= $member['farenphone'] ?>" name="farenphone" placeholder="请输入联系人电话" type="text" /></p>
                   <p class="all_p"><label class="Labl">电子邮箱</label><input id="farenemail" class="bb" value="<?= $member['farenemail'] ?>" name="farenemail" placeholder="请输入联系人电子邮箱" type="text" /></p> 
              </div>
              <div class="all_div">
                   <h3 class="All">营业执照信息</h3>
                   <p class="all_p"><label class="Labl">统一社会信用代码</label><input id="yyzhizao" class="aa" value="<?= $member['yyzhizao'] ?>" name="yyzhizao" placeholder="请输入营业执照号" type="text" /></p>
                   
                   <p class="all_p"><label class="Labl">营业执照所在地</label><input id="zcdizhi" class="aa" name="zcdizhi" value="<?= $member['zcdizhi'] ?>"  type="text" /></p>
                   <div class="all_p"><label class="Labl">营业执照有效期</label>
                    <input id="Text1" name="qychengli" value="<?= $member['qychengli'] ?>" style="margin-right:10px;" onClick="calendar.show({ id: this })" type="text" />
                    <input id="Text2" name="qychenglizhi" value="<?= $member['qychenglizhi'] ?>"  type="text" /></div>
                   <p class="all_p"><label class="Labl">法定经营范围</label><textarea id="jyfanwei" name="jyfanwei"><?= $member['jyfanwei'] ?></textarea></p>
                   
                   <div class="all_p">
                      <label class="Labl">营业执照电子版</label>
                      <div class="con4">
                            <canvas class="all_cva" id="cvs" width="150" height="150"></canvas>
                            <span class="btn upload">上传头像<input type="file" class="upload_pic" id="upload" name="yyzhizhaoimg" value="<?= $member['yyzhizhaoimg'] ?>"/></span>
                      </div>
                      <?php
                        if(!empty($yyzhizhaoimg['newname']))
                        {?>
                           <img class="s_img" name="yyzhizhaoimg"  src="/upload/<?= $yyzhizhaoimg['newname'] ?>"  />
                        <?php } ?>
                      <label class="Rabl ra">支持JPG/GIF/PNG格式，大小在1M内</label>
                   </div>
              </div>           
              <div class="all_div">
                   <h3 class="All">法人身份证</h3>
                   <p class="all_p"><label class="Labl">法人身份证号码</label><input id="card" class="aa" name="card" value="<?= $member->card ?>" type="text" /></p>
                   
                   <div class="all_p">
                      <label class="Labl">身份证正面电子版</label>
                      <div class="con4">
                            <canvas class="all_cva" id="cvsa" width="150" height="150"></canvas>
                            <span class="btn upload">上传头像<input type="file" class="upload_pic" id="uploada" name="cardz" value="<?= $member->cardz ?>" /></span>
                      </div>
                      <?php
                        if(!empty($cardz['newname']))
                        {?>
                           <img class="s_img" name="cardz" src="/upload/<?= $cardz['newname'] ?>" />
                      <?php } ?>
                      <label class="Rabl ra">支持JPG/GIF/PNG格式，大小在1M内</label>
                   </div>
                   <p class="all_p" style="padding-left:125px; margin-bottom:120px; color:#e70014">请上传身份证正面的彩色照片，并确保图片请晰，文字可辩</p>
                   
                   
                   <div class="all_p">
                      <label class="Labl">身份证背面电子版</label>
                      <div class="con4">
                            <canvas class="all_cva" id="cvsaa" width="150" height="150"></canvas>
                            <span class="btn upload">上传头像<input type="file" class="upload_pic" id="uploadaa" name="cardf" value="<?= $member->cardf ?>"  /></span>
                      </div>
                      <?php
                        if(!empty($cardf['newname']))
                        {?>
                           <img class="s_img" name="cardf" src="/upload/<?= $cardf['newname'] ?>" />
                      <?php } ?>
                      <label class="Rabl ra">支持JPG/GIF/PNG格式，大小在1M内</label>
                   </div>
                   <p class="all_p" style="padding-left:125px; color:#e70014">请上传身份证正面的彩色照片，并确保图片请晰，文字可辩</p>
              </div>
              
              
              
              <div class="all_div">
                   <h3 class="All">相关资质（如餐饮许可证）</h3>
                   <div class="all_p">
                      <label class="Labl">委托书电子版</label>
                      <div class="con4">
                            <canvas class="all_cva" id="cvsaaa" width="150" height="150"></canvas>
                            <span class="btn upload">上传头像<input type="file" class="upload_pic" id="uploadaaa" id="uploadaaa" name="fwdengjiimg"  /></span>
                      </div>
                      <?php
                        if(!empty($fwdengjiimg['newname']))
                        {?>
                           <img class="s_img"  name="fwdengjiimg" src="/upload/<?= $fwdengjiimg['newname'] ?>" />
                      <?php } ?>
                      <label class="Rabl ra">支持JPG/GIF/PNG格式，大小在1M内</label>
                   </div>
                   <p class="all_p" style="padding-left:125px; color:#e70014">请上传委托书的“签字加盖公章”的彩色扫描件或照片，并确保图片请晰，文字可辩且有红色公章</p>
                   <input type="hidden" name="status"  value="10" />              </div>
              
              <div class="all_div">
                   <p class="all_p"><input id="sub" class="Subt" value="提交修改" type="button"  /></p>
              </div>
              
         </div>
          </form> 
          <div style="clear:both"></div>
</div>

<script>
$(document).ready(function() {
  $("#sub").click(function(){

       var company = $("#company").val();
       var address = $("#address").val();
       var farentel = $("#farentel").val();
       var grnum = $("#grnum").val();
       var zhucezj = $("#zhucezj").val();
       var faren = $("#faren").val();
       var farenphone = $("#farenphone").val();
       var farenemail = $("#farenemail").val();
       var yyzhizao = $("#yyzhizao").val();
       var zcdizhi = $("#zcdizhi").val();
       var jyfanwei = $("#jyfanwei").val();
       var card = $("#card").val();
       var isNum = /^[0-9]+.?[0-9]*$/;
       var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
       var tel_check  = /^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
       var email_check  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
       var isId = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
     
       if(company==""){
          alert("请填写企业名称！");
          return false;
         }

      if(($('#province').text())==""){
          alert("请选择省！");
          return false;
      }
      if(($('#province').text())==""){
          alert("请选择市！");
          return false;
      }
      if(($('#area').text())==""){
          alert("请选择地区！");
          return false;
      }
      
       if(address==""){
          alert("请填写企业详细地址！");
        return false;
         }
         
       if(farentel=="") {
          alert("请填写企业电话！");
        return false;
         }
        if(tel_check.test(farentel) || isPhone.test(farentel)) {

        } else {
          alert("企业电话格式不正确！");
          return false;
        }

       if(grnum==""){
          alert("请填写员工总数！");
        return false;
         }
       if(!isNum.test(grnum)){
          alert("员工总数格式不正确！");
        return false;
         }


       if(zhucezj==""){
          alert("请填写注册资金！");
        return false;
         }
         
        if(!isNum.test(zhucezj)){
          alert("注册资金格式不正确！");
        return false;
         }

       if(faren==""){
          alert("请填写联系人姓名！");
        return false;
         }
         
       if(farenphone=="") {
          alert("请填写联系人电话！");
        return false;
         } else {
            if(!tel_check.test(farenphone)){
                  alert("联系人电话格式不正确！");
                  return false;
              }
        }
         
       if(farenemail==""){
            alert("请填写电子邮箱！");
            return false;
        } else {
            if(!email_check.test(farenemail)){
                  alert("电子邮箱格式不正确！");
                  return false;
              }
        }
         
       if(yyzhizao==""){
          alert("请填写统一社会信用代码！");
        return false;
         }
         
       if(zcdizhi==""){
          alert("请填写营业执照所在地！");
        return false;
         }

       if(jyfanwei==""){
          alert("请填写法定经营范围！");
        return false;
         }
         
       if(card==""){
          alert("请填写法人身份证号码！");
        return false;
         } else {
            if(!isId.test(card)) {
                alert("法人身份证号码格式不正确！");
                return false;
            }
         }

        $('#subform').submit();  
    })
    
}) ;
</script>

<script type="text/javascript">
$("#Text2").click(function (e) {
    var ths = this;
    calendar.show({
        id: this, ok: function () {
            alert(ths.value);
        }
    });
});
</script>

<script>
//获取上传按钮
var input1 = document.getElementById("upload"); 
 
if(typeof FileReader==='undefined'){ 
     //result.innerHTML = "抱歉，你的浏览器不支持 FileReader"; 
     input1.setAttribute('disabled','disabled'); 
}else{ 
     input1.addEventListener('change',readFile,false); 
     /*input1.addEventListener('change',function (e){
        console.log(this.files);//上传的文件列表
     },false); */
}
function readFile(){ 
    var file = this.files[0];//获取上传文件列表中第一个文件
    if(!/image\/\w+/.test(file.type)){
    //图片文件的type值为image/png或image/jpg
        alert("文件必须为图片！");
        return false; 
    } 
    // console.log(file);
    var reader = new FileReader();//实例一个文件对象
    reader.readAsDataURL(file);//把上传的文件转换成url
    //当文件读取成功便可以调取上传的接口
    reader.onload = function(e){ 
        // console.log(this.result);//文件路径
        // console.log(e.target.result);//文件路径
        /*var data = e.target.result.split(',');
        var tp = (file.type == 'image/png')? 'png': 'jpg';
        var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
        //需要上传到服务器的在这里可以进行ajax请求
        // console.log(imgUrl);
        // 创建一个 Image 对象 
        var image = new Image();
        // 创建一个 Image 对象 
        // image.src = imgUrl;
        image.src = e.target.result;
        image.onload = function(){
            document.body.appendChild(image);
        }*/

        var image = new Image();
        // 设置src属性 
        image.src = e.target.result;
        var max=200;
        // 绑定load事件处理器，加载完成后执行，避免同步问题
        image.onload = function(){ 
            // 获取 canvas DOM 对象 
            var canvas = document.getElementById("cvs"); 
            // 如果高度超标 宽度等比例缩放 *= 
            /*if(image.height > max) {
                image.width *= max / image.height; 
                image.height = max;
            } */
            // 获取 canvas的 2d 环境对象, 
            var ctx = canvas.getContext("2d"); 
            // canvas清屏 
            ctx.clearRect(0, 0, canvas.width, canvas.height); 
            // 重置canvas宽高
            /*canvas.width = image.width;
            canvas.height = image.height;
            if (canvas.width>max) {canvas.width = max;}*/
            // 将图像绘制到canvas上
            // ctx.drawImage(image, 0, 0, image.width, image.height);
            ctx.drawImage(image, 0, 0, 150, 150);
            // 注意，此时image没有加入到dom之中
        };  
    }
};
</script>

<script>
//获取上传按钮
var input1 = document.getElementById("uploada"); 
 
if(typeof FileReader==='undefined'){ 
     //result.innerHTML = "抱歉，你的浏览器不支持 FileReader"; 
     input1.setAttribute('disabled','disabled'); 
}else{ 
     input1.addEventListener('change',readFile,false); 
     /*input1.addEventListener('change',function (e){
        console.log(this.files);//上传的文件列表
     },false); */
}
function readFile(){ 
    var file = this.files[0];//获取上传文件列表中第一个文件
    if(!/image\/\w+/.test(file.type)){
    //图片文件的type值为image/png或image/jpg
        alert("文件必须为图片！");
        return false; 
    } 
    // console.log(file);
    var reader = new FileReader();//实例一个文件对象
    reader.readAsDataURL(file);//把上传的文件转换成url
    //当文件读取成功便可以调取上传的接口
    reader.onload = function(e){ 
        // console.log(this.result);//文件路径
        // console.log(e.target.result);//文件路径
        /*var data = e.target.result.split(',');
        var tp = (file.type == 'image/png')? 'png': 'jpg';
        var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
        //需要上传到服务器的在这里可以进行ajax请求
        // console.log(imgUrl);
        // 创建一个 Image 对象 
        var image = new Image();
        // 创建一个 Image 对象 
        // image.src = imgUrl;
        image.src = e.target.result;
        image.onload = function(){
            document.body.appendChild(image);
        }*/

        var image = new Image();
        // 设置src属性 
        image.src = e.target.result;
        var max=200;
        // 绑定load事件处理器，加载完成后执行，避免同步问题
        image.onload = function(){ 
            // 获取 canvas DOM 对象 
            var canvas = document.getElementById("cvsa"); 
            // 如果高度超标 宽度等比例缩放 *= 
            /*if(image.height > max) {
                image.width *= max / image.height; 
                image.height = max;
            } */
            // 获取 canvas的 2d 环境对象, 
            var ctx = canvas.getContext("2d"); 
            // canvas清屏 
            ctx.clearRect(0, 0, canvas.width, canvas.height); 
            // 重置canvas宽高
            /*canvas.width = image.width;
            canvas.height = image.height;
            if (canvas.width>max) {canvas.width = max;}*/
            // 将图像绘制到canvas上
            // ctx.drawImage(image, 0, 0, image.width, image.height);
            ctx.drawImage(image, 0, 0, 150, 150);
            // 注意，此时image没有加入到dom之中
        };  
    }
};
</script>

<script>
//获取上传按钮
var input1 = document.getElementById("uploadaa"); 
 
if(typeof FileReader==='undefined'){ 
     //result.innerHTML = "抱歉，你的浏览器不支持 FileReader"; 
     input1.setAttribute('disabled','disabled'); 
}else{ 
     input1.addEventListener('change',readFile,false); 
     /*input1.addEventListener('change',function (e){
        console.log(this.files);//上传的文件列表
     },false); */
}
function readFile(){ 
    var file = this.files[0];//获取上传文件列表中第一个文件
    if(!/image\/\w+/.test(file.type)){
    //图片文件的type值为image/png或image/jpg
        alert("文件必须为图片！");
        return false; 
    } 
    // console.log(file);
    var reader = new FileReader();//实例一个文件对象
    reader.readAsDataURL(file);//把上传的文件转换成url
    //当文件读取成功便可以调取上传的接口
    reader.onload = function(e){ 
        // console.log(this.result);//文件路径
        // console.log(e.target.result);//文件路径
        /*var data = e.target.result.split(',');
        var tp = (file.type == 'image/png')? 'png': 'jpg';
        var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
        //需要上传到服务器的在这里可以进行ajax请求
        // console.log(imgUrl);
        // 创建一个 Image 对象 
        var image = new Image();
        // 创建一个 Image 对象 
        // image.src = imgUrl;
        image.src = e.target.result;
        image.onload = function(){
            document.body.appendChild(image);
        }*/

        var image = new Image();
        // 设置src属性 
        image.src = e.target.result;
        var max=200;
        // 绑定load事件处理器，加载完成后执行，避免同步问题
        image.onload = function(){ 
            // 获取 canvas DOM 对象 
            var canvas = document.getElementById("cvsaa"); 
            // 如果高度超标 宽度等比例缩放 *= 
            /*if(image.height > max) {
                image.width *= max / image.height; 
                image.height = max;
            } */
            // 获取 canvas的 2d 环境对象, 
            var ctx = canvas.getContext("2d"); 
            // canvas清屏 
            ctx.clearRect(0, 0, canvas.width, canvas.height); 
            // 重置canvas宽高
            /*canvas.width = image.width;
            canvas.height = image.height;
            if (canvas.width>max) {canvas.width = max;}*/
            // 将图像绘制到canvas上
            // ctx.drawImage(image, 0, 0, image.width, image.height);
            ctx.drawImage(image, 0, 0, 150, 150);
            console.log(image);
            // 注意，此时image没有加入到dom之中
        };  
    }
};
</script>

<script>
//获取上传按钮
var input1 = document.getElementById("uploadaaa"); 
 
if(typeof FileReader==='undefined'){ 
     //result.innerHTML = "抱歉，你的浏览器不支持 FileReader"; 
     input1.setAttribute('disabled','disabled'); 
}else{ 
     input1.addEventListener('change',readFile,false); 
     /*input1.addEventListener('change',function (e){
        console.log(this.files);//上传的文件列表
     },false); */
}
function readFile(){ 
    var file = this.files[0];//获取上传文件列表中第一个文件
    if(!/image\/\w+/.test(file.type)){
    //图片文件的type值为image/png或image/jpg
        alert("文件必须为图片！");
        return false; 
    } 
    // console.log(file);
    var reader = new FileReader();//实例一个文件对象
    reader.readAsDataURL(file);//把上传的文件转换成url
    //当文件读取成功便可以调取上传的接口
    reader.onload = function(e){ 
        // console.log(this.result);//文件路径
        // console.log(e.target.result);//文件路径
        /*var data = e.target.result.split(',');
        var tp = (file.type == 'image/png')? 'png': 'jpg';
        var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
        //需要上传到服务器的在这里可以进行ajax请求
        // console.log(imgUrl);
        // 创建一个 Image 对象 
        var image = new Image();
        // 创建一个 Image 对象 
        // image.src = imgUrl;
        image.src = e.target.result;
        image.onload = function(){
            document.body.appendChild(image);
        }*/

        var image = new Image();
        // 设置src属性 
        image.src = e.target.result;
        var max=200;
        // 绑定load事件处理器，加载完成后执行，避免同步问题
        image.onload = function(){ 
            // 获取 canvas DOM 对象 
            var canvas = document.getElementById("cvsaaa"); 
            // 如果高度超标 宽度等比例缩放 *= 
            /*if(image.height > max) {
                image.width *= max / image.height; 
                image.height = max;
            } */
            // 获取 canvas的 2d 环境对象, 
            var ctx = canvas.getContext("2d"); 
            // canvas清屏 
            ctx.clearRect(0, 0, canvas.width, canvas.height); 
            // 重置canvas宽高
            /*canvas.width = image.width;
            canvas.height = image.height;
            if (canvas.width>max) {canvas.width = max;}*/
            // 将图像绘制到canvas上
            // ctx.drawImage(image, 0, 0, image.width, image.height);
            canvas.value="12";
            ctx.drawImage(image, 0, 0, 150, 150);
            
            // 注意，此时image没有加入到dom之中
        };  
    }
};
</script>
<script>
    $(document).ready(function(){

        <?php  if(!empty($member['loc_province'])){?>
        var province = "<?= $member['loc_province'] ?>";
        var city = "<?= $member['loc_city'] ?>";
        var area = "<?= $member['loc_town'] ?>";
        <?php }else{ ?>
        var province = "省 必选";
        var city =  "市 必选";
        var area =  "区 必选";
        <?php } ?>
        var pcas = new PCAS("province,"+province,"city,"+city,"area,"+area);
    });
</script>